<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'MyJsp.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css"><!-- Bootstrap -->
<link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css"><!-- Bootstrap Theme -->
<link href="css/style.css" rel="stylesheet" type="text/css"><!-- Style Css -->
<link href="vendor/magnific/magnific-popup.css" rel="stylesheet" type="text/css"><!-- Magnific Popup -->
<link href="vendor/owl-carousel/css/owl.carousel.css" rel="stylesheet" type="text/css"><!-- Owl Carousel -->
<link href="vendor/owl-carousel/css/owl.theme.css" rel="stylesheet" type="text/css"><!-- Owl Carousel Theme -->
<!-- Color Style -->
<link href="colors/color1.css" rel="stylesheet" type="text/css">
<link href="css/custom.css" rel="stylesheet" type="text/css"><!-- CUSTOM STYLESHEET FOR STYLING -->
<!-- SCRIPTS
  ================================================== -->
<script src="js/modernizr.js"></script><!-- Modernizr -->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=sXKLIZXjKe3Vxnjp8eHTDjmxHibgNCPT
"></script>

  </head>
  
 <body class="home">
<div class="body">
	<!-- 头部 -->
     <%@include file="top.jsp" %>
    </header>
    <!-- 幻灯片-->
   	<div class="">
   		<img src="images/ban4.jpg"/>  		
   	</div>
    <!-- 商品-->
  	<div class="main" role="main">
    	<div id="content" class="content full">
            <!-- start container -->
            <div class="container padding-tb60">
                <div class="spacer-50">
                        <img src="images/zhua.png">
                        <h2 style="font-weight: 400;"><span>——</span>联系我们<span>——</span></h2>
                    </div> 
                <div class="contact clearfix">  
	                <div class="map">
	                	<iframe src="ditu.jsp" style="width: 100%; height: 450px;"></iframe>
	                </div>
	                <form method="post" action="contact-post.html" class="left_form">
						    	<div>
							    	<span><label>您的姓名</label></span>
							    	<span><input name="userName" type="text" class="textbox"></span>
							    </div>
							    <div>
							    	<span><label>您的邮箱</label></span>
							    	<span><input name="userEmail" type="text" class="textbox"></span>
							    </div>
							    <div>
							     	<span><label>联系电话</label></span>
							    	<span><input name="userPhone" type="text" class="textbox"></span>
							    </div>
							    <div>					    	
							    	<span><label>其他要求</label></span>
							    	<span><textarea name="userMsg"> </textarea></span>
							    </div>
							   <div>
							   		<span><input type="submit" value="提交" class="myButton"></span>
							  </div>
							</div>
					    </form>

                
                
            </div>
            <!-- end container -->
        </div>
    </div>
    <!-- 尾部 -->
     <%@include file="botton.jsp" %>
    </footer>
  	<a id="back-to-top"><i class="fa fa-arrow-up"></i></a> 
</div>
<script src="js/jquery-2.2.3.min.js"></script> <!-- Jquery Library Call -->
<script src="vendor/magnific/jquery.magnific-popup.min.js"></script> <!-- Maginific Popup Plugin -->
<script src="js/ui-plugins.js"></script> <!-- UI Plugins -->
<script src="js/helper-plugins.js"></script> <!-- Helper Plugins -->
<script src="vendor/owl-carousel/js/owl.carousel.min.js"></script> <!-- Owl Carousel -->
<script src="js/bootstrap.js"></script> <!-- UI -->
<script src="js/init.js"></script> <!-- All Scripts -->
<script src="vendor/flexslider/js/jquery.flexslider.js"></script> <!-- FlexSlider -->
<!--<script src="js/jquery.mb.YTPlayer.js"></script>-->
</body>
</html>
